<%@page contentType="text/html"%>
<!-- The above is the page directive with attribute "contentType" which is used to get the content type of the page -->

<%@page pageEncoding="UTF-8"%>

<!-- The above is the page directive with the attribute "pageEncoding" tells us that we are working with unicode encoding within the page -->

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>ajax caller</title>
<script language="javascript">

	function createRequestObject()
	{
		var req; 
		try 
		{
			// Firefox, Opera, Safari
			req = new XMLHttpRequest();
		}
		catch (e)
		{
		// Internet Explorer
			try
			{
				//For IE 6
				req = new ActiveXObject("Msxml2.XMLHTTP");
			} 
			catch (e)
			{
				try
				{
					//For IE 5
					req = new ActiveXObject("Microsoft.XMLHTTP");
				}
				catch (e)
				{
					alert('Your browser is not IE 5 or higher, or Firefox or Safari or Opera');
				}
			}
		}
		return req;
	}
	//Make the XMLHttpRequest Object
	var http = createRequestObject();

	function sendRequest(method, url)
	{
		if(method == 'get' || method == 'GET')
		{
			http.open(method,url,true);
			http.onreadystatechange = handleResponse;
			http.send(null);
		}
	}
	function handleResponse()
	{
		if(http.readyState == 4 && http.status == 200)
		{
			var response = http.responseText;
			if(response)
			{
				document.getElementById("ajax_res").innerHTML = response;
			}
		}
	}


</script>
</head>
<body>
	<a onclick="sendRequest('GET','index.jsp')"href="#">ServerDate Time:
	</a>
	<div id="ajax_res">Server Date Time will replace thistext.
	</div>

</body>
</html>